<!DOCTYPE html>
<html lang="en" class="no-js">
  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/clipboard@1/dist/clipboard.min.js"></script>
  <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="generator" content="Hugo 0.55.6" />

<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">

<link rel="alternate" type="application/rss&#43;xml" href="/v0.5/index.xml">

<link rel="shortcut icon" href="/v0.5/assets/favicons/favicon.ico" >
<link rel="apple-touch-icon" href="/v0.5/assets/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/android-144x144.png" sizes="36x36">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/android-144x144.png" sizes="48x48">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/android-144x144.png" sizes="72x72">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/android-144x144.png" sizes="96x196">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/android-144x144.png" sizes="144x144">
<link rel="icon" type="image/png" href="/v0.5/assets/favicons/android-192x192.png"sizes="192x192">

<title>Contributing to Meshery Docs | Meshery</title>
<meta property="og:title" content="Contributing to Meshery Docs" />
<meta property="og:description" content="How to contribute to Meshery Docs." />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:4000" />
<meta property="og:site_name" content="http://localhost:4000" />

<meta itemprop="name" content="Contributing to Meshery Docs">
<meta itemprop="description" content="How to contribute to Meshery Docs.">

<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Contributing to Meshery Docs"/>
<meta name="twitter:description" content="How to contribute to Meshery Docs."/>

<link rel="stylesheet" href="/v0.5/assets/css/main.css">
<link rel="stylesheet" href="/v0.5/assets/css/palette.css">
<link rel="stylesheet" href="/v0.5/assets/css/anchorjs.css">
<link rel="stylesheet" href="/v0.5/assets/css/sass.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">

<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
  <!-- Anchorjs included for adding hover anchor links to headings -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.2/anchor.min.js"></script>
  <script>  
  $(function() {
  /** AnchorJS options and selector */  
   anchors.options = {
      visible : 'hover',
      placement: 'left'
   };
   anchors.add('h1, h2, h3, h4, h5');
   });
   </script>
</head>
<style>

</style>
  <body class="td-section">
    <header>
  <nav class="js-navbar-scroll navbar navbar-expand navbar-dark flex-column flex-md-row td-navbar">
    <a class="navbar-brand" href="/v0.5/">
      <div class="navbar-logo">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 279.49 51.83"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}.cls-3{fill:#fff}</style></defs><title>Asset 14</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><polygon points="26.68 12.21 26.68 24.59 37.4 18.38 26.68 12.21" class="cls-1"/><polygon points="26.68 27.18 26.68 39.62 37.5 33.43 26.68 27.18" class="cls-1"/><polygon points="25.13 24.51 25.13 12.32 14.54 18.39 25.13 24.51" class="cls-2"/><path d="M3.88,39.58a26,26,0,0,0,8.22,8.27v-13Z" class="cls-2"/><polygon points="25.13 39.56 25.13 27.27 14.51 33.42 25.13 39.56" class="cls-2"/><polygon points="13.64 47.07 24.4 40.92 13.64 34.7 13.64 47.07" class="cls-1"/><polygon points="38.24 47.14 38.24 34.79 27.5 40.93 38.24 47.14" class="cls-2"/><path d="M48.76,38.14A25.71,25.71,0,0,0,51.8,27L40.6,33.44Z" class="cls-2"/><polygon points="39.78 32.13 50.58 25.95 39.78 19.75 39.78 32.13" class="cls-1"/><polygon points="38.24 17.08 38.24 4.81 27.55 10.94 38.24 17.08" class="cls-2"/><polygon points="38.24 32.07 38.24 19.68 27.52 25.89 38.24 32.07" class="cls-2"/><polygon points="25.9 51.83 25.91 51.83 25.9 51.83 25.9 51.83" class="cls-2"/><polygon points="13.64 19.66 13.64 32.14 24.43 25.89 13.64 19.66" class="cls-1"/><path d="M25.13,0A25.75,25.75,0,0,0,13.75,3L25.13,9.55Z" class="cls-2"/><polygon points="13.64 4.72 13.64 17.13 24.44 10.93 13.64 4.72" class="cls-1"/><path d="M12.1,4a26,26,0,0,0-8.22,8.27L12.1,17Z" class="cls-2"/><path d="M38.17,3.07A25.8,25.8,0,0,0,26.68,0V9.65Z" class="cls-1"/><path d="M0,26.82A25.76,25.76,0,0,0,3.1,38.24l8.32-4.82Z" class="cls-1"/><path d="M3.1,13.58A25.67,25.67,0,0,0,0,24.94l11.44-6.55Z" class="cls-1"/><path d="M13.73,48.8a25.81,25.81,0,0,0,11.4,3V42.28Z" class="cls-2"/><path d="M48,12.28A25.91,25.91,0,0,0,39.78,4V17Z" class="cls-1"/><path d="M39.78,47.8A26,26,0,0,0,48,39.48l-8.21-4.73Z" class="cls-1"/><path d="M51.8,24.88a25.84,25.84,0,0,0-3.07-11.27l-8.24,4.77Z" class="cls-2"/><path d="M26.68,51.82a25.81,25.81,0,0,0,11.37-3L26.68,42.24Z" class="cls-1"/><polygon points="12.1 32.03 12.1 19.79 1.47 25.88 12.1 32.03" class="cls-2"/><polygon points="197.13 19 197.13 20.13 197.13 25.45 197.13 31.94 197.13 41.41 222.35 41.41 222.35 36.09 202.45 36.09 202.45 31.94 202.45 30.77 217.74 30.77 217.74 25.45 202.45 25.45 202.45 20.13 222.35 20.13 222.35 14.81 197.13 14.81 197.13 19" class="cls-3"/><polygon points="100.14 19 100.14 20.13 100.14 25.45 100.14 31.94 100.14 41.41 125.35 41.41 125.35 36.09 105.46 36.09 105.46 31.94 105.46 30.77 120.74 30.77 120.74 25.45 105.46 25.45 105.46 20.13 125.35 20.13 125.35 14.81 100.14 14.81 100.14 19" class="cls-3"/><path d="M160.26,34.46a6.61,6.61,0,0,1-.55,2.69,7,7,0,0,1-1.51,2.22A7.34,7.34,0,0,1,156,40.86a6.7,6.7,0,0,1-2.71.55H128.38v-5.6h24.89a1.35,1.35,0,0,0,1.35-1.35V32.29A1.33,1.33,0,0,0,153.27,31H135.36a6.78,6.78,0,0,1-2.69-.55,7.19,7.19,0,0,1-2.24-1.51,7,7,0,0,1-1.5-2.23,6.62,6.62,0,0,1-.55-2.7V21.8a6.75,6.75,0,0,1,.55-2.72,7,7,0,0,1,1.5-2.21,7.19,7.19,0,0,1,2.24-1.51,6.61,6.61,0,0,1,2.69-.55h24.9v5.64h-24.9a1.27,1.27,0,0,0-1,.39,1.31,1.31,0,0,0-.4,1V24a1.31,1.31,0,0,0,.4,1,1.27,1.27,0,0,0,1,.39h17.91a6.7,6.7,0,0,1,2.71.55,7.11,7.11,0,0,1,3.73,3.72,6.74,6.74,0,0,1,.55,2.71Z" class="cls-3"/><path d="M193.81,41.41h-5.07V31H169V41.41h-5.08V25.31h24.86V14.81h5.07ZM169,22.81h-5.08v-8H169Z" class="cls-3"/><polygon points="266.19 24.12 259.55 14.81 252.9 14.81 263.54 30.77 263.54 41.41 268.86 41.41 268.86 30.77 279.49 14.81 272.93 14.81 266.19 24.12" class="cls-3"/><path d="M231.4,19.88H245v5.53h-11v5.08h2.52l9.65,10.92h6.57l-9.65-10.92h3.76A4.13,4.13,0,0,0,251,26.36V18.94a4.13,4.13,0,0,0-4.13-4.13H226.19v26.6h5.32Z" class="cls-3"/><path d="M96.05,41.41H90.41V22a1.38,1.38,0,0,0-.13-.6,1.56,1.56,0,0,0-.33-.5,1.77,1.77,0,0,0-.5-.34,1.53,1.53,0,0,0-.6-.12H62.78V14.81H88.85a6.88,6.88,0,0,1,2.78.57,7.08,7.08,0,0,1,3.85,3.85A6.88,6.88,0,0,1,96.05,22Zm-27.63,0H62.78v-21l5.64-1.55Zm13.8,0H76.58v-18h5.64Z" class="cls-3"/></g></g></svg><span class="font-weight-bold" style="vertical-align: bottom"
          >Documentation</span
        >
      </div>
    </a>
    <div class="td-navbar-nav-scroll ml-md-auto" id="main_navbar">
      <ul class="navbar-nav mt-2 mt-lg-0">
        <!-- 
			<li class="nav-item mr-4 mb-2 mb-lg-0">
        <a class="nav-link" href="https://github.com/meshery/meshery" target="_blank"><span>GitHub</span></a>
      </li>  -->

        <!-- Internal links -->
         
            <li class="nav-item mr-4 mb-2 mb-lg-0">
              <a
                class="nav-link"
                href="/v0.5/installation/quick-start"
                ><span>Quick Start</span></a
              >
            </li>
         
            <li class="nav-item mr-4 mb-2 mb-lg-0">
              <a
                class="nav-link"
                href="https://meshery.io"
                ><span>Site</span></a
              >
            </li>
         
            <li class="nav-item mr-4 mb-2 mb-lg-0">
              <a
                class="nav-link"
                href="https://meshery.io/community/#discussion-forums"
                ><span>Discuss</span></a
              >
            </li>
         
            <li class="nav-item mr-4 mb-2 mb-lg-0">
              <a
                class="nav-link"
                href="https://github.com/meshery/meshery"
                ><span>GitHub</span></a
              >
            </li>
        

        <!--Version Selector -->

        <select onchange="window.location=this.value" class="appearance-none flex-1 w-full px-0 py-1 placeholder-gray-900 tracking-wide focus:outline-none version-selector" name="versioningSelection" id="versioningSelection">
          <!-- <option value="">Versions</option> -->
          

          <!-- we get the version selected, and put it to the right option  --><option  value="/v0.5" class="nav-item mr-4 mb-2 mb-lg-0 text-black">
            <span>v0.5</span>
          </option>
          <!-- we get the version selected, and put it to the right option  --><option  value="/" class="nav-item mr-4 mb-2 mb-lg-0 text-black">
            <span>latest</span>
          </option>
          <!-- we get the version selected, and put it to the right option  --><option  value="/v0.4" class="nav-item mr-4 mb-2 mb-lg-0 text-black">
            <span>v0.4</span>
          </option>
          
          </select>
    
        </ul>
    </div>

    <!--Search Bar
    <div class="navbar-nav d-none d-lg-block"><input type="search" class="form-control td-search-input" placeholder="&#xf002 Search this site…" aria-label="Search this site…" autocomplete="off"></div>-->

    <!-- meshery-custom-begin

	<div class="navbar-nav d-none d-lg-block">
          <a class="gh-source" data-gh-source="github" href="https://github.com/meshery/meshery" title="Go to repository" data-md-state="done">
          <div class="gh-source__repository">
            <i class="fab fa fa-github fa-2x" style='padding-right:20px; float:left; margin-top:5px'></i>
            meshery/meshery
          <ul class="gh-source__facts"><li class="gh-source__fact" id='stars'></li><li id="forks" class="gh-source__fact"></li></ul></div></a>
        </div>
      </div>

meshery-custom-end -->
  </nav>
</header>

<!-- meshery-custom-begin

<script>
$(document).ready(function() {
  var url = "https://api.github.com/search/repositories?q=meshery/meshery";
  fetch(url, { 
      headers: {"Accept":"application/vnd.github.preview"}
  }).then(function(e) {
    return e.json()
  }).then(function(r) {
     console.log(r.items[0])
     stars = r.items[0]['stargazers_count']
     forks = r.items[0]['forks_count']
     $('#stars').text(stars + " Stars")
     $('#forks').text(forks + " Forks")
  });
});
</script>

meshery-custom-end -->

    <div class="container-fluid td-outer">
      <div class="td-main">
        <div class="row flex-xl-nowrap">
          <div class="col-12 col-md-3 col-xl-2 td-sidebar d-print-none">
          <div id="td-sidebar-menu" class="td-sidebar__inner">  
    <form class="td-sidebar__search d-flex align-items-center">
   <input type="search" class="form-control td-search-input fas fa-search" placeholder="&#xf002" aria-label="Search this site…" autocomplete="off">
      <button class="btn btn-link td-sidebar__toggle d-md-none p-0 ml-3 fas fa-bars" type="button" data-toggle="collapse" data-target="#td-section-nav" aria-controls="td-docs-nav" aria-expanded="false" aria-label="Toggle section navigation">
      </button>
    </form>  

    <nav class="collapse td-sidebar-nav pt-1 pl-3" id="td-section-nav">
      
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/installation/quick-start" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">🚀 Quick Start</a>
      </li>
          
    </ul>
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/project" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">🗺 Overview</a>
      </li>
      
        <ul>
          <li class="collapse show" id="overview">
              <ul class="td-sidebar-nav__section pr-md-3">
                
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/project/community" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Community</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/project/contributing" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Contributing ↆ</a>
                </li>
                
                <ul>
                  <li class="collapse show" id="">
                    
                    
                      <a class="td-sidebar-link td-sidebar-link__page " id="m-overview-contributing-ↆ-design-and-code-conventions" href="/v0.5/project/contributing/contributing-guide">Design and Code Conventions</a>
                    
                      <a class="td-sidebar-link td-sidebar-link__page " id="m-overview-contributing-ↆ-meshery-adapters" href="/v0.5/project/contributing/contributing-adapters">Meshery Adapters</a>
                    
                      <a class="td-sidebar-link td-sidebar-link__page " id="m-overview-contributing-ↆ-meshery-cli" href="/v0.5/project/contributing/contributing-cli">Meshery CLI</a>
                    
                      <a class="td-sidebar-link td-sidebar-link__page " id="m-overview-contributing-ↆ-meshery-docs" href="/v0.5/project/contributing/contributing-docs">Meshery Docs</a>
                    
                      <a class="td-sidebar-link td-sidebar-link__page " id="m-overview-contributing-ↆ-meshery-errors" href="/v0.5/project/contributing/contributing-error">Meshery Errors</a>
                    
                      <a class="td-sidebar-link td-sidebar-link__page " id="m-overview-contributing-ↆ-meshery-server" href="/v0.5/project/contributing/contributing-server">Meshery Server</a>
                    
                      <a class="td-sidebar-link td-sidebar-link__page " id="m-overview-contributing-ↆ-meshery-ui" href="/v0.5/project/contributing/contributing-ui">Meshery UI</a>
                    
                      <a class="td-sidebar-link td-sidebar-link__page " id="m-overview-contributing-ↆ-end-to-end-testing" href="/v0.5/project/contributing/contributing-cypress">End-to-End Testing</a>
                    
                    
                  </li>
                </ul>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/project/releases" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Releases</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/project/build-and-release" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Build & Release (CI)</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/project/security-vulnerabilities" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Vulnerabilities</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/project/faq" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">FAQ</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/installation/platforms" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Supported Platforms ↆ</a>
                </li>
                
              
            </ul>
        </ul>  
          
    </ul>
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/concepts" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">🧠 Concepts</a>
      </li>
      
        <ul>
          <li class="collapse show" id="concepts">
              <ul class="td-sidebar-nav__section pr-md-3">
                
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/concepts/architecture" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Architecture</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/concepts/architecture/adapters" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Adapters</a>
                </li>
                
              
            </ul>
        </ul>  
          
    </ul>
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/functionality" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">⚙️ Functionality</a>
      </li>
      
        <ul>
          <li class="collapse show" id="functionality">
              <ul class="td-sidebar-nav__section pr-md-3">
                
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/functionality/application-management" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Application Management</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/functionality/lifecycle-management" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Lifecycle Management</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/functionality/pattern-management" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Pattern Management</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/functionality/performance-management" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Performance Management</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/functionality/service-mesh-interface" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Service Mesh Interface (SMI) Conformance</a>
                </li>
                
              
            </ul>
        </ul>  
          
    </ul>
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/service-meshes" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">🦾 Service Meshes</a>
      </li>
      
        <ul>
          <li class="collapse show" id="service-meshes">
              <ul class="td-sidebar-nav__section pr-md-3">
                
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/app-mesh" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">App Mesh</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/cpx" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Citrix Service Mesh</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/cilium" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Cilium Service Mesh</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/consul" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Consul</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/istio" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Istio</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/kuma" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Kuma</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/linkerd" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Linkerd</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/nsm" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Network Service Mesh</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/nginx-sm" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">NGINX Service Mesh</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/osm" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Open Service Mesh</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/tanzu-sm" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Tanzu</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/service-meshes/adapters/traefik-mesh" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Traefik Mesh</a>
                </li>
                
              
            </ul>
        </ul>  
          
    </ul>
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/guides" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">📚 Guides</a>
      </li>
      
        <ul>
          <li class="collapse show" id="guides">
              <ul class="td-sidebar-nav__section pr-md-3">
                
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/guides/sample-apps" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Deploying Sample Applications</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/guides/smi-conformance" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Running SMI Conformance Tests</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/guides/meshery-metrics" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Integrating Prometheus and Grafana</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/guides/troubleshooting" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Troubleshooting Guide</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/guides/upgrade" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Upgrading Meshery</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/guides/mesheryctl" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Using mesheryctl ↆ</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/guides/multiple-adapters" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Using Multiple Meshery Adapters</a>
                </li>
                
              
            </ul>
        </ul>  
          
    </ul>
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/extensibility" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">🛠 Extensibility</a>
      </li>
      
        <ul>
          <li class="collapse show" id="extensibility">
              <ul class="td-sidebar-nav__section pr-md-3">
                
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/extensibility/adapters" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Adapters</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/extensibility/load-generators" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Load Generators</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/extensibility/providers" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Providers</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/extensibility/api" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">REST & GraphQL APIs</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/extensibility/ui" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">UI Plugins</a>
                </li>
                
              
            </ul>
        </ul>  
          
    </ul>
    
    <ul class="td-sidebar-nav__section pr-md-3">
      
      
      <li class="td-sidebar-nav__section-title">
        <a  href="/v0.5/reference" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">📖 Reference</a>
      </li>
      
        <ul>
          <li class="collapse show" id="reference">
              <ul class="td-sidebar-nav__section pr-md-3">
                
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/reference/mesheryctl" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Meshery CLI</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/reference/error-codes" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">Error Codes</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/reference/graphql-apis" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">GraphQL API Reference</a>
                </li>
                
              
                <li class="td-sidebar-nav__section-title">
                  <a href="/v0.5/reference/rest-apis" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">REST API Reference</a>
                </li>
                
              
            </ul>
        </ul>  
          
    </ul>
    
    </nav>
  </div>
          </div>
          <div class="d-none d-xl-block col-xl-2 td-toc d-print-none">
              <div class="td-page-meta ml-2 pb-1 pt-2 mb-0">
                  <strong>Tools</strong>
<a href="https://github.com/meshery/meshery/issues/new?assignees=&labels=area%2Fdocs%2C+framework%2Fjekyll&template=documentation.md&title=%5BDocs%5D" rel="noopener" target="_blank"><i class="fab fa-github fa-fw"></i> Create doc issue</a>
<a href="https://github.com/meshery/meshery/blob/master/docs/pages/es/project/contributing/contributing-docs.md" rel="noopener" target="_blank"><i class="fa fa-edit fa-fw"></i> Edit this page</a>
<strong>Contents</strong>


<!-- this will parse through the header fields and add a button to open
     an issue / ask a question on Github. The editable field should be in
     the post frontend matter, and refer to the label to open the issue for -->
     

              </div>
              <nav id="TableOfContents"><ul>
              <li><ul id="TOC">
                <!-- Links will be appended here-->
              </ul></li>
              </ul></nav>
          </div>
          <main class="col-12 col-md-9 col-xl-8 pl-md-5" role="main">
            <nav aria-label="breadcrumb" class="d-none d-md-block d-print-none">
	      <ol class="breadcrumb spb-1">
                <li class="breadcrumb-item active" aria-current="page">
      <!-- meshery-custom-begin -->
        <div id="breadcrumbs">

<a href="/v0.5/">home</a>

  
    / <a href="/v0.5/es/">es</a> 
  

  
    / <a href="/v0.5/es/project/">project</a> 
  

  
    / <a href="/v0.5/es/project/contributing/">contributing</a> 
  

  
    / contributing to meshery docs
  

</div>

<!-- <a href="http://idratherbewriting.com" class="noCrossRef productSubtitle"> Home </a> > <a class="noCrossRef productSubtitle" href="http://localhost:4000">Learn API Doc</a> > contributing-docs -->

	      <!-- <a href="/v0.5/es/project/contributing/contributing-docs">Contributing to Meshery Docs</a> -->
		  <!-- meshery-custom-end -->
                </li>
	      </ol>
           </nav>
           <div class="td-content">
            
            <h1>Contributing to Meshery Docs</h1>
            
	           <p>Antes de contribuir, revise el <a href="https://github.com/meshery/meshery/blob/master/CONTRIBUTING.md#documentation-contribution-flow">Documentation Contribution Flow</a>. En los siguientes pasos, configurará su entorno de desarrollo, bifurcará y clonará el repositorio, ejecutará el sitio localmente y, finalmente, confirmará, aprobará y enviará los cambios realizados para su revisión.</p>

<div class="alert alert-info" role="alert">
<h4 class="alert-heading">Meshery Documentation Design Specification</h4>
Ver el <a href="https://docs.google.com/document/d/17guuaxb0xsfutBCzyj2CT6OZiFnMu9w4PzoILXhRXSo/edit#">Especificación de diseño de documentación de Meshery </a>, que sirve para proporcionar una descripción general de las herramientas y el enfoque utilizado para crear la documentación de Meshery y la arquitectura de información de ti.
</div>

<h2 id="marco-de-documentación">Marco de documentación</h2>

<p>La documentación de Meshery se compone de estos componentes:</p>

<ul>
  <li>Marco de referencia - Jekyll</li>
  <li>MarcoTema - https://github.com/vsoch/docsy-jekyll</li>
  <li>Repo - https://github.com/meshery/meshery/tree/master/docs</li>
  <li>DNS - https://meshery.layer5.io/docs</li>
  <li>AWS API GW - una instancia está configurada para redirigir de docs.meshery.io a meshery.layer5.io, debido a la ubicación del repositorio donde residen actualmente los documentos.</li>
</ul>

<h2 id="configura-tu-entorno-de-desarrollo">Configura tu entorno de desarrollo</h2>

<div class="alert alert-info" role="alert">
<h4 class="alert-heading">Jekyll</h4>
El sitio de Meshery Docs se construye con Jekyll, un generador de sitios estático simple. Jekyll se puede instalar en diferentes plataformas como Windows, Linux y MacOS siguiendo los siguientes pasos 
</div>

<h3 id="para-windows">Para Windows</h3>

<p><strong>Note:</strong> Los usuarios de Windows pueden ejecutar Jekyll siguiendo el <a href="https://jekyllrb.com/docs/installation/windows/">Windows Installation Guide</a> y también instalando Ruby Version Manager <a href="https://rvm.io">RVM</a>. RVM es una herramienta de línea de comandos que le permite trabajar con múltiples entornos Ruby en su máquina local. Alternativamente, si está ejecutando Windows 10 versión 1903 Build 18362 o superior, puede actualizar al Subsistema de Windows para Linux <a href="https://docs.microsoft.com/en-us/windows/wsl/install-win10">WSL</a> y ejecute Jekyll en Linux en su lugar.</p>

<ul>
  <li>Inicie su VM WSL e instale el administrador de versiones de ruby (RVM):</li>
</ul>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  <span class="nb">sudo </span>apt update
  <span class="nb">sudo </span>apt <span class="nb">install </span>curl g++ gnupg gcc autoconf automake bison build-essential libc6-dev <span class="se">\</span>
    	libffi-dev libgdbm-dev libncurses5-dev libsqlite3-dev libtool <span class="se">\</span>
    	libyaml-dev make pkg-config sqlite3 zlib1g-dev libgmp-dev <span class="se">\</span>
    	libreadline-dev libssl-dev
  <span class="nb">sudo </span>gpg <span class="nt">--keyserver</span> hkp://keys.gnupg.net <span class="nt">--recv-keys</span> 409B6B1796C275462A1703113804BB82D39DC0E3
  curl <span class="nt">-sSL</span> https://get.rvm.io | <span class="nb">sudo </span>bash <span class="nt">-s</span> stable
  <span class="nb">sudo </span>usermod <span class="nt">-a</span> <span class="nt">-G</span> rvm <span class="sb">`</span><span class="nb">whoami</span><span class="sb">`</span>
</code></pre></div></div>

<p>Si <code class="language-plaintext highlighter-rouge">gpg --keyserver</code> da un error, puede usar:</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  <span class="nb">sudo </span>gpg <span class="nt">--recv-keys</span> 409B6B1796C275462A1703113804BB82D39DC0E3
</code></pre></div></div>

<p>o</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  <span class="nb">sudo </span>gpg2 <span class="nt">--keyserver</span> hkp://pool.sks-keyservers.net <span class="nt">--recv-keys</span> 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB
</code></pre></div></div>

<p>Reinicie su VM WSL antes de seguir adelante.</p>

<ul>
  <li>Para instalar Ruby, ejecute:
    <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  rvm <span class="nb">install </span>ruby
  rvm <span class="nt">--default</span> use ruby 2.7.1
  gem update
  gem <span class="nb">install </span>jekyll bundler
</code></pre></div>    </div>
  </li>
</ul>

<h3 id="para-linux">Para Linux</h3>

<ul>
  <li>Prerrequisitos
    <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  <span class="nb">sudo </span>apt-get update
  <span class="nb">sudo </span>apt-get <span class="nb">install </span>autoconf bison build-essential libssl-dev libyaml-dev libreadline6-dev zlib1g-dev libncurses5-dev libffi-dev libgdbm3 libgdbm-dev
</code></pre></div>    </div>
  </li>
</ul>

<h4 id="instalación-de-rbenv">Instalación de rbenv</h4>

<ul>
  <li>Clonación del repositorio rbenv
    <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  clon de git https://github.com/rbenv/rbenv.git ~/.rbenv
</code></pre></div>    </div>
  </li>
  <li>Marcando el camino
    <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  <span class="nb">echo</span> <span class="s1">'export PATH="$HOME/.rbenv/bin:$PATH"'</span> <span class="o">&gt;&gt;</span> ~/.bashrc
</code></pre></div>    </div>
  </li>
  <li>rbenv init
    <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  <span class="nb">echo</span> <span class="s1">'eval "$(rbenv init -)"'</span> <span class="o">&gt;&gt;</span> ~/.bashrc
</code></pre></div>    </div>
  </li>
  <li>Recarga tu bashrc
    <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  <span class="nb">source</span> ~/.bashrc
</code></pre></div>    </div>
    <p><strong>Nota:</strong> Cambie bashrc con el archivo rc específico de su shell, por ejemplo: si está usando zsh, el nombre del archivo es zshrc.</p>
  </li>
  <li>Verificar instalación
    <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  <span class="nb">type </span>rbenv
</code></pre></div>    </div>
  </li>
</ul>

<h4 id="instalar-ruby">Instalar Ruby</h4>

<ul>
  <li>versión de instalación de rbenv</li>
</ul>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  rbenv <span class="nb">install </span>2.5.1
</code></pre></div></div>

<ul>
  <li>Para enumerar todas las versiones que se pueden instalar</li>
</ul>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  rbenv <span class="nb">install</span> <span class="nt">--list-all</span>
</code></pre></div></div>

<ul>
  <li>Establezca qué versión de Ruby desea usar</li>
</ul>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  rbenv global version
</code></pre></div></div>

<ul>
  <li>Compruebe la instalación de Ruby</li>
</ul>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  ruby <span class="nt">-v</span>
</code></pre></div></div>

<h3 id="para-macos">Para MacOS</h3>

<ul>
  <li>Utilice los documentos aquí <a href="https://jekyllrb.com/docs/installation/macos/">Instalación de Jekyll</a></li>
</ul>

<h3 id="obtener-el-codigo">Obtener el codigo</h3>

<ul>
  <li>Bifurcar y luego clonar el <a href="https://github.com/meshery/meshery">repositorio de Meshery</a>
    <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span>git clone https://github.com/YOUR-USERNAME/meshery
</code></pre></div>    </div>
  </li>
  <li>Cambiar al directorio de documentos
    <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span><span class="nb">cd </span>docs
</code></pre></div>    </div>
  </li>
  <li>
    <p>Instale las dependencias de Ruby</p>

    <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span>gem <span class="nb">install </span>bundler
<span class="nv">$ </span>bundle <span class="nb">install</span>
</code></pre></div>    </div>
  </li>
</ul>

<p><strong> Nota: </strong> si es un usuario de Mac, no necesita instalar las dependencias de Ruby; después de pasar al directorio de documentos, puede servir el sitio.</p>

<h3 id="sirva-el-sitio">Sirva el sitio</h3>

<ul>
  <li>Sirve el código localmente
    <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span>make site
</code></pre></div>    </div>
  </li>
  <li>
    <p>Si eso da un error, ejecute:</p>

    <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  <span class="nv">$ </span>bundle <span class="nb">exec </span>jekyll serve
</code></pre></div>    </div>
  </li>
</ul>

<p>_Nota: Desde Makefile, este comando en realidad está ejecutando <code class="language-plaintext highlighter-rouge">$ bundle exec jekyll serve --drafts --livereload</code>. Hay dos configuraciones de Jekyll, <code class="language-plaintext highlighter-rouge">jekyll serve</code> para desarrollo local y<code class="language-plaintext highlighter-rouge"> jekyll build</code> cuando necesita generar los artefactos del sitio para la producción.</p>

<h3 id="uso-de-docker">Uso de Docker</h3>

<p>Si tiene Docker y <code class="language-plaintext highlighter-rouge">make</code> instalados en su sistema, entonces puede servir el sitio localmente</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ make docker-docs
</code></pre></div></div>

<p>Esto no requiere la necesidad de instalar Jekyll y Ruby en su sistema.</p>

<p>** Pero, debe asegurarse de que GNU make funcione en su sistema (puede que no funcione en Windows) **</p>

<h4 id="nota">Nota</h4>

<p>Mientras realiza el paso anterior, si enfrenta errores con un mensaje como el siguiente …</p>

<p><code class="language-plaintext highlighter-rouge">Your ruby version is x.x.x but your Gemfile specified 2.7.x</code></p>

<p>Esto se debe a que Jekyll siempre considera la versión exacta de Ruby a diferencia de JavaScript.</p>

<p>Por lo tanto, debe seguir cualquiera de los tres pasos para resolver este problema;</p>

<ul>
  <li>Instale la versión de Ruby requerida usando <code class="language-plaintext highlighter-rouge">rvm</code> o por cualquier medio dado arriba</li>
  <li>Alternativamente, si tiene Docker instalado, escriba <code class="language-plaintext highlighter-rouge">make docker-docs</code> para ver los cambios</li>
  <li>Si no puede instalar la versión de Ruby requerida, configure manualmente el <code class="language-plaintext highlighter-rouge">Gemfile</code> como se muestra a continuación (¡no se recomienda! Hágalo solo si fallan los dos pasos anteriores):</li>
</ul>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>source "https://rubygems.org"
ruby '2.7.1' //to any version you have installed
</code></pre></div></div>

<p>Automáticamente el <code class="language-plaintext highlighter-rouge">Gemfile.lock</code> se actualizará una vez que se proporcione el<code class="language-plaintext highlighter-rouge"> make site</code> (para Windows, ejecute <code class="language-plaintext highlighter-rouge">bundle exec jekyll serve</code> si WSL2 no está presente)</p>

<p>** ADVERTENCIA: Si ha seguido el tercer paso, no confirme los cambios realizados en <code class="language-plaintext highlighter-rouge">Gemfile</code> y<code class="language-plaintext highlighter-rouge"> Gemfile.lock</code> en su rama para preservar la integridad; de lo contrario, la acción de CI no generará la vista previa del sitio durante las relaciones públicas. **.</p>

<h3 id="crear-una-solicitud-de-extracción">Crear una solicitud de extracción</h3>

<ul>
  <li>Después de realizar cambios, no olvide comprometerse con el sign-off bandera (-s)!
    <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span>commit <span class="nt">-s</span> <span class="nt">-m</span> “my commit message w/signoff”
</code></pre></div>    </div>
  </li>
  <li>Una vez que se hayan confirmado todos los cambios, insértelos.
    <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span>git push origin &lt;branch-name&gt;
</code></pre></div>    </div>
  </li>
  <li>Luego, en Github, navega hasta el <a href="https://github.com/meshery/meshery">repositorio de Meshery</a> y crea una solicitud de extracción a partir de los cambios introducidos recientemente!</li>
</ul>

<hr />

<ul>
  <li><em>Ver el<a href="https://docs.google.com/document/d/17guuaxb0xsfutBCzyj2CT6OZiFnMu9w4PzoILXhRXSo/edit">Meshery Documentation Google Doc</a> para referencia adicional.</em></li>
</ul>

<h2 id="uso-de-las-funciones-de-meshery-docs">Uso de las funciones de Meshery Docs</h2>

<h3 id="función-de-portapapeles">Función de portapapeles</h3>

<p>Los complementos de portapapeles más populares, como Clipboard JS, requieren la creación manual de una nueva ID para cada fragmento de código. Aquí se utiliza un enfoque diferente. Para los fragmentos de código, usamos etiquetas html o rebajas de la siguiente manera:</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>   &lt;pre class="codeblock-pre"&gt;&lt;div class="codeblock"&gt;
   &lt;code class="clipboardjs"&gt;
     code snippet
   &lt;/code&gt;&lt;/div&gt;&lt;/pre&gt;
</code></pre></div></div>

<p><strong>&lt;pre&gt;&lt;/pre&gt;</strong> <em>tags son opcionales a menos que el fragmento de código esté en un formato de párrafo y también le dé un efecto de terminal al código</em></p>

<p><strong>Un bloque completo:</strong></p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>```code snippet```
</code></pre></div></div>

<p>Formateo en línea:</p>

<p>`code snippet`: <code class="language-plaintext highlighter-rouge">code snippet</code></p>

<p><strong>Específico del idioma:</strong></p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>```(language name)
  code snippet
```
</code></pre></div></div>

<p>Whenever the code tags are detected, the clipboard javascript file is automatically loaded. Each code element is given a custom id and a clipboard-copy icon to copy the content.</p>

<h2 id="resumen-del-flujo-de-contribución-a-la-documentación">Resumen del flujo de contribución a la documentación</h2>

<p>El siguiente es un resumen conciso de los pasos para contribuir a la documentación de Meshery.</p>

<ol>
  <li>Cree una bifurcación, si aún no lo ha hecho, siguiendo los pasos descritos [aquí] (CONTRIBUTING-gitflow.md)</li>
  <li>En la copia local de su bifurcación, navegue hasta la carpeta de documentos.
<code class="language-plaintext highlighter-rouge">cd docs</code></li>
  <li>Cree y verifique una nueva rama para realizar cambios dentro de
<code class="language-plaintext highlighter-rouge">git checkout -b &lt;mis-cambios&gt;</code></li>
  <li>Edite / agregue documentación.
<code class="language-plaintext highlighter-rouge">vi &lt;página específica&gt; .md</code></li>
  <li>Ejecute el sitio localmente para obtener una vista previa de los cambios.
<code class="language-plaintext highlighter-rouge">hacer sitio</code></li>
  <li>Confirme, [sign-off] (# commit-signing) y envíe los cambios a su sucursal remota.
<code class="language-plaintext highlighter-rouge">git push origin &lt;mis-cambios&gt;</code></li>
  <li>Abra una solicitud de extracción (en su navegador web) contra el repositorio: https://github.com/meshery/meshery.</li>
</ol>

<h3 id="tabla-de-contenido-en-la-barra-lateral-toc">Tabla de contenido en la barra lateral (toc)</h3>

<p>Las barras laterales usan toc para crear una tabla de contenido. Está escrito de la siguiente manera:</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>    toc:
  - title: Group 1
    subfolderitems:
      - page: Thing 1
        url: /thing1.html
      - page: Thing 2
        url: /thing2.html
      - page: Thing 3
        url: /thing3.html
</code></pre></div></div>

<p>La salida del fragmento de código sería:</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>    Group 1
      Thing 1
      Thing 2
      Thing 3
</code></pre></div></div>

<h3 id="if-condicional"><code class="language-plaintext highlighter-rouge">if</code> condicional</h3>

<p>Esto ejecuta el bloque de código solo si la condición dada es verdadera. Se ejecuta de la siguiente manera:</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>    {% if product.title == 'Awesome Shoes' %}
    These shoes are awesome!
    {% endif %}
</code></pre></div></div>

<p>Si la condición es verdadera, la salida sería:</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>    How are you?
</code></pre></div></div>

<h3 id="for-loop"><code class="language-plaintext highlighter-rouge">for</code> loop</h3>

<p>La instrucción for ejecuta un bloque de código repetidamente. Está escrito de la siguiente manera:</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>    {% for names in collection.names %}
    {{ name.title }}
    {% endfor %}
</code></pre></div></div>

<p>El resultado producido por el fragmento de código anterior:</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>    Sam Ham Ethan
</code></pre></div></div>

<h3 id="comentario">Comentario</h3>

<p>Los comentarios permiten dejar un bloque de código desatendido, no se ejecutará ninguna declaración entre el comentario de apertura y el de cierre.</p>

<h3 id="incluir">Incluir</h3>

<p>La etiqueta anterior se utiliza para insertar un archivo ya renderizado dentro de la plantilla actual. Está escrito de la siguiente manera:</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>    {% include file.html %}
</code></pre></div></div>

<h3 id="asignar">Asignar</h3>

<p>La etiqueta de asignación se utiliza para crear una nueva variable. Está escrito de la siguiente manera:</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>    {% assign variable1 = true %}
</code></pre></div></div>

<h1 id="suggested-reading">Suggested Reading</h1>

<ul>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
</ul>


<script>
  /*clipboard.js code*/
</script>

<!-- <script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>

<script>
$(document).ready(function() {

    var toc = $('#TOC');

    // Select each header
    sections = $('.td-content h1');
        $.each(sections, function(idx, v) {
            section = $(v);
            var div_id = $(section).attr('id');
            if(!section.hasClass('noTOC')){
               var div_text = section.text().split('¶')[0];
              var parent = $("#" + div_id)
              var content = '<li id="link_' + div_id + '" class="md-nav__item"><a class="md-nav__link" href="#' + div_id + '" title="' + div_text +'">' + div_text +'</a></li>';
              $(toc).append(content);
            }

            // Add section code to subnavigation
            var children = $('<nav class="md-nav"><ul class="md-nav__list"></nav></ul>')
            var contenders = $("#" + div_id).nextUntil("h1");
            $.each(contenders, function(idx, contender){
               if( !$(contender).hasClass("noTOC") && ($(contender).is('h2') || $(contender).is('h3')) ) {
                   var contender_id = $(contender).attr('id');
                   var contender_text = $(contender).text().split('¶')[0];
                   var content = '<li class="md-nav__item"><a class="md-nav__link" href="#' + contender_id + '" title="' + contender_text +'">' + contender_text +'</a></li>';
                   children.append(content);
                }
             })
             $("#link_" + div_id).append(children);
        });
        //added 'selected' tag to the first element of toc
        $('.md-nav__link').first().addClass('selected');

        $(window).scroll(function(e){
          // Detect how far are we from the top of the page
          let windowTop = $(this).scrollTop();
          // Loop through every navigation menu item
          $('.md-nav__link').each(function (event) {       
              if (windowTop >= $($(this).attr('href')).offset().top - 100) {
              // Remove 'selected' from previously highlighted menu items
              $('.selected').removeClass('selected');
              // Highlight the current menu item by adding 'selected' class
              $(this).addClass('selected');
          }
          if($(window).scrollTop() + $(window).height() > $(document).height() - 10) {
            $('.selected').removeClass('selected');
              $(this).addClass('selected');
   }
        });
      })
    });
</script> -->	
              
              <br/>


           </div>
          </main>
        </div>
      </div>
      <footer class="footer bg-dark py-3 row d-print-none">
  <div class="container-fluid mx-sm-5">
    <div class="row">
<!-- meshery-custom-begin"
      <div class="col-6 col-sm-4 text-xs-center order-sm-2">

<ul class="list-inline mb-0">
  <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="" aria-label="Twitter" data-original-title="Twitter">
    <a class="text-white" target="_blank" href="https://twitter.com/layer5">
      <i class="fab fa-twitter"></i>
    </a>
  </li>
</ul>
</div>
<div class="col-6 col-sm-4 text-right text-xs-center order-sm-3">
<ul class="list-inline mb-0">
  <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="" aria-label="GitHub" data-original-title="GitHub">
    <a class="text-white" target="_blank" href="https://github.com/meshery/meshery">
      <i class="fab fa-github"></i>
    </a>
  </li>
</ul>
meshery-custom-end -->

<div class="col-12 col-sm-4 text-center py-2 order-sm-2">
  <div class="text-white">&copy; 2022 The Meshery Authors</div>
  

  <!-- meshery-custom-begin -->

  <p class="mt-2">

  <div class="footer-icons-list">
    <div class="footer-icons">
      <a class="social__link social__link--forum" href="https://meshery.io/community/#discussion-forums" target="_blank" rel="noreferrer">
        <img height="30px" src="" alt="forum">
        <span class="footer-icons-text">Meshery discussion forum</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link social__link--mail" href="mailto:community@layer5.io" target="_blank" rel="noreferrer">
        <img height="30px" width="30px" src="" alt="mail">
        <span class="footer-icons-text">Get connected with the Meshery community</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link social__link--slack" href="https://slack.meshery.io/" target="_blank" rel="noreferrer">
        <img class="slack" height="30px" width="30px" src="" alt="slack">
        <span class="footer-icons-text">Join the Meshery Slack</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link--calendar" href="https://bit.ly/2SbrRhe">
        <svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" viewBox="0 0 18 18" xmlns:v="https://vecta.io/nano"><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/><g stroke-linecap="undefined" stroke-linejoin="undefined"><path d="M-3.468 8.168h-.033m25.313-4.242l-.063-.254M7.858 4.814v9.387"/><path d="M1.833 9.507h12.051"/></g></svg>
        <span class="footer-icons-text">Subscribe to the community calender</span>
      </a>
  </div>

   <div class="footer-icons">
      <a class="social__link social__link--twitter" href="https://twitter.com/layer5" target="_blank" rel="noreferrer">
        <img class="twitter" height="30px" width="30px" src="" alt="twitter">
        <span class="footer-icons-text">Follow Meshery on Twitter</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link" href="https://github.com/layer5io" target="_blank" rel="noreferrer">
        <img height="30px" width="30px" class="github" src="" alt="github">
        <span class="footer-icons-text">Contribute to Meshery projects</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link social__link--linkedin" href="https://www.linkedin.com/company/layer5" target="_blank" rel="noreferrer">
        <img class="linkedin" height="30px" width="30px" src="" alt="linkedin">
        <span class="footer-icons-text">Connect to Meshery on Linkedin</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link social__link--youtube" href="https://www.youtube.com/mesheryio?sub_confirmation=1" target="_blank" rel="noreferrer">
        <img class="youtube" height="30px" width="30px" src="" alt="youtube">
        <span class="footer-icons-text">Watch community meeting recordings</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link social__link--docker" href="https://hub.docker.com/u/meshery/" target="_blank" rel="noreferrer">
        <img class="docker" height="30px" width="30px" src="" alt="docker">
        <span class="footer-icons-text">Access Docker images for Meshery projects</span>
      </a>
    </div>
  </div>
    </p>
  <!-- meshery-custom-end -->
      </div>
    </div>
  </div>
</footer>

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/clipboard@1/dist/clipboard.min.js"></script>

<script type="text/javascript" src="/v0.5/assets/js/lightbox.js"></script>
<link rel="stylesheet" href="/v0.5/assets/css/lightbox.css">

    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="/v0.5/assets/js/main.js"></script>

    <script async src='https://www.google-analytics.com/analytics.js'></script>
<script type="application/javascript">
var doNotTrack = false;
if (!doNotTrack) {
	window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
	ga('create', 'UA-00000000-0', 'auto');
	ga('send', 'pageview');
}
</script>

  </body>
</html>
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>

<script>
$(document).ready(function() {

    var toc = $('#TOC');

    // Select each header
    sections = $('.td-content h1');
        $.each(sections, function(idx, v) {
            section = $(v);
            var div_id = $(section).attr('id');
            if(!section.hasClass('noTOC')){
               var div_text = section.text().split('¶')[0];
              var parent = $("#" + div_id)
              var content = '<li id="link_' + div_id + '" class="md-nav__item"><a class="md-nav__link" href="#' + div_id + '" title="' + div_text +'">' + div_text +'</a></li>';
              $(toc).append(content);
            }

            // Add section code to subnavigation
            var children = $('<nav class="md-nav"><ul class="md-nav__list"></nav></ul>')
            var contenders = $("#" + div_id).nextUntil("h1");
            $.each(contenders, function(idx, contender){
               if( !$(contender).hasClass("noTOC") && ($(contender).is('h2') || $(contender).is('h3')) ) {
                   var contender_id = $(contender).attr('id');
                   var contender_text = $(contender).text().split('¶')[0];
                   var content = '<li class="md-nav__item"><a class="md-nav__link" href="#' + contender_id + '" title="' + contender_text +'">' + contender_text +'</a></li>';
                   children.append(content);
                }
             })
             $("#link_" + div_id).append(children);
        });
        //added 'selected' tag to the first element of toc
        $('.md-nav__link').first().addClass('selected');

        $(window).scroll(function(e){
          // Detect how far are we from the top of the page
          let windowTop = $(this).scrollTop();
          // Loop through every navigation menu item
          $('.md-nav__link').each(function (event) {       
              if (windowTop >= $($(this).attr('href')).offset().top - 100) {
              // Remove 'selected' from previously highlighted menu items
              $('.selected').removeClass('selected');
              // Highlight the current menu item by adding 'selected' class
              $(this).addClass('selected');
          }
          if($(window).scrollTop() + $(window).height() > $(document).height() - 10) {
            $('.selected').removeClass('selected');
              $(this).addClass('selected');
   }
        });
      })
    });
</script>